// pages/pictxt/pictxt.js
//图文接口：https://wxapi.wxappclub.com/news/pictext
//Method：GET
//参数：page(default=1)
//result:
// [
//   {
//     "id": "1",
//     "title": "一次性实现“绕落巡”三步走！中国首次火星探测为啥这么牛？",
//     "pubTime": "17:58",
//     "url": "https://new.qq.com/omn/20200424/20200424A08MQL00.html",
//     "desc": "我国首次火星探测任务将一次性完成“绕落巡”三步走。第一，要能够对整个火星进行全球观测；第二，要降落在火星上；第三，火星车要开出来，在火星上巡视勘测。“这当中有很多难点，如果做成，这将是全世界第一次在一次任务当中完成三个目标。这个工程实现是个很大的创新。”",
//     "covers": [
//       "https://inews.gtimg.com/newsapp_ls/0/11639530904_295195/0",
//       "https://inews.gtimg.com/newsapp_ls/0/11639530906_295195/0",
//       "https://inews.gtimg.com/newsapp_ls/0/11639530907_295195/0"
//     ]
//   },
//   {
//     "id": "2",
//     "title": "缅甸武装冲突3发炮弹落入中国境内 有学校建筑物及车辆被子弹击中",
//     "pubTime": "17:58",
//     "url": "https://new.qq.com/omn/TWF20200/TWF2020042400478500.html",
//     "desc": "23日晚，缅甸北部边境城镇木姐发生武装冲突，炮火波及中国边境城镇姐告。目击者称有3发炮弹和数发子弹落入中国境内，有学校等建筑物及车辆被子弹击中，暂无人员伤亡消息。",
//     "covers": ["https://inews.gtimg.com/newsapp_ls/0/11639873764_294195/0"]
//   }
// ]
Page({

  /**
   * 页面的初始数据
   */
  data: {
    list: [],
    pageNo: 0,
    windowHeight: 0,
    isLoading: false,
    hasMore: true
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    this.getWindowsHeight();
    //读取接口数据
    this.getPictxtList();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {
    this.getPictxtList();
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  },

  //获取系统高度
  getWindowsHeight() {
    let that = this;
    wx.getSystemInfo({
      success: function(res) {
        that.setData({
          windowHeight: res.windowHeight
        })
      },
    })
  },

  //获取列表高度
  getListHeight() {
    let that = this;
    const query = wx.createSelectorQuery();
    query.select('.container').boundingClientRect();
    query.selectViewport();
    query.exec(function(res) {
      if (res[0].height < that.data.windowHeight) {
        //读取接口数据
        that.getPictxtList();
      }
    })
  },

  //加载快讯列表
  getPictxtList() {
    if (this.data.hasMore) {
      //页码+1
      this.setData({
        isLoading: true,
        pageNo: this.data.pageNo + 1
      });
      let that = this;
      wx.request({
        url: 'https://wxapi.wxappclub.com/news/pictext',
        data: {
          page: that.data.pageNo
        },
        success: function(res) {
          that.setData({
            isLoading: false
          });
          if (res.data.length > 0) {
            that.setData({
              list: that.data.list.concat(res.data)
            })
            that.getListHeight();
          } else {
            that.setData({
              hasMore: false,
              pageNo: that.data.pageNo - 1
            });
            wx.showToast({
              title: '没有更多了',
              icon: 'none',
              duration: 2000
            })
          }

        }
      })
    }

  },

  goToDetail(e) {
    wx.navigateTo({
      url: '../detail/detail?url=' + encodeURIComponent(e.currentTarget.dataset.url),
    })
  }
})